<ion-view view-title="创建游记">
  <ion-content>
    <form name="articleNewForm" ng-submit="doArticleNew()">
      <div class="list">
        <label class="item item-input item-stacked-label">
          <span class="input-label">输入游记名称：</span>
          <input type="text" ng-model="articleNewData.name" required>
        </label>        
        <label class="item item-input item-stacked-label">
          <span class="input-label">选择游记地点：</span>
          <div id="map-new-article" tabindex="0" class="external-map-large"></div>
        </label>
        <div class="item">
          <button class="button button-block button-positive" type="submit" 
          ng-disabled="articleNewForm.$invalid || !articleNewData.geolocationSpot">确 定</button>
        </div>           
      </div>
    </form>
  </ion-content>
</ion-view>